.lg-tabs-root-card-top .lg-tabs-root-item__content-box {
    padding: 0px;
    margin-top: 0;
}

.content_container {
    position: absolute;
    height: calc(100% - 50px);
    top: 50px;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ffffff;

    .top_container {
        display: flex;
        justify-content: space-between;
        padding: 12px 20px;

        .top_btn_right {
            margin-left: 10px;
        }
    }

    .top_tip {
        margin-left: 12px;
        color: #999;
        line-height: 31px;
        display: flex;
        align-items: center;

        .tips_cion {
            width: 13px;
            height: 13px;
            background-color: #999999;
            mask-image: url(../images/提示.svg);
            margin-right: 3px;
        }
    }

    .bottom_container {
        border-top: 1px solid #e8e8e8;
        height: calc(100% - 31px);
        display: flex;

        .bottom_left {
            width: 160px;
            background-color: #f8f8f8;
            height: 100%;

            .menu_item_title {
                display: flex;
                flex-direction: column;

                .duty_title {
                    color: #333333;
                    line-height: 18px;
                    text-overflow: ellipsis;
                    overflow: hidden;
                    white-space: nowrap;
                    max-width: 100px;
                    position: relative;
                    display: flex;
                    display: inline-block;
                    align-items: center;

                }

                .delete_icon {
                    position: relative;
                    width: 12px;
                    height: 12px;
                    background-color: red;
                    mask-image: url(../images/删除.svg);
                    mask-size: contain;
                    margin-left: 3px;
                    top: -16px;
                    left: 95px;
                }

                .duty_department{
                    font-size: 12px;
                    color: #cccccc;
                }

                .duty_type {
                    line-height: 18px;
                    font-size: 12px;
                    letter-spacing: 0px;
                    font-weight: normal;
                    position: relative;
                    top: -12px;
                    top: 12px;

                    .duty_type_title {
                        display: flex;
                        align-items: center;
                        color: #999999;

                        .duty_week {
                            color: #0099ff;
                        }

                        .line {
                            width: 1px;
                            height: 8px;
                            background-color: #999999;
                            opacity: 0.4;
                            margin: 0 6px;
                        }
                    }

                    .duty_day_title {
                        color: #ff6600;
                    }
                }
            }

            .empty_div {
                width: 100%;
                display: flex;
                justify-content: center;
                margin-top: 150px;
            }

            .btn_left {
                display: flex;
                flex-direction: column;
                align-items: center;
                margin-top: 12px;

                .btn_day {
                    margin: 8px 0 20px 0;
                }

                .lg_button_container .lg_button_container_size-big {
                    padding: 0px 11px;
                }
            }

            ul {
                width: 160px !important;
            }

            .ant-menu {
                color: #333333;
            }

            .ant-menu-inline,
            .ant-menu-vertical,
            .ant-menu-vertical-left {
                border: none;
                margin: 0 auto;
                background-color: #f8f8f8;
            }

            .ant-menu-item {
                height: 54px;
                height: 73px;
                width: 144px;
                margin: 0 auto;
                line-height: 0;
            }

            .ant-menu-item::before {
                content: '';
                width: 4px;
                height: 4px;
                background-color: #c5c5c5;
                border-radius: 50%;
                display: inline-block;
                position: relative;
                top: 11px;
                right: 8px;
            }

            .ant-menu-item:hover {
                background-color: rgba(238, 238, 238, 0.8);
                color: #333333;
                border-radius: 8px;
            }

            // .ant-menu-item:hover,
            .ant-menu-item-selected {
                color: #333333;
                font-weight: bold;
            }

            .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected,
            .ant-menu-item:active,
            .ant-menu-submenu-title:active {
                background-color: #eeeeee;
                border-radius: 8px;
            }

            /* 在.ant-menu-item-selected下添加下面的样式 */
            .ant-menu-item-selected::before {
                background-color: #333333;
                /* 选中将小灰点颜色修改为黑色 */
            }

            .ant-menu-inline .ant-menu-item {
                margin-top: 10px;
            }

            .ant-menu-inline .ant-menu-item::after {
                border: none;
            }
        }

        // 记录表适配menu管理样式
        .record_table_management {

            .ant-menu-item {
                height: 36px;
                width: 144px;
                margin: 0 auto;
            }

            .week_sheet_menu {
                .ant-menu-item {
                    display: flex;
                    align-items: center;
                }

                .ant-menu-item::before {
                    top: 0;
                }
            }

            // .ant-menu-item::before {
            //     content: '';
            //     width: 4px;
            //     height: 4px;
            //     // background-color: #c5c5c5;
            //     border-radius: 50%;
            //     display: inline-block;
            //     position: relative;
            //     top: 0;
            //     right: 8px;
            // }

        }

        // 记录查询时间选择范围
        .time_range {
            width: 300px;
        }

        .no_time_range {
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .bottom_right {
            width: calc(100% - 160px);
            height: 100%;
            border-left: 1px solid #e8e8e8;
            display: flex;
            flex-direction: column;

            .bottom_right_top {
                flex: none;
                height: 54px;
                margin: 0 20px;
                border-bottom: 1px solid #e1e1e1;
                display: flex;
                align-items: center;
                justify-content: space-between;

                .top_left {
                    display: flex;
                    align-items: baseline;
                    font-size: 16px;
                    color: #333333;

                    // .name_input {
                    //     .lg-input-warp {
                    //         width: 100px;
                    //     }
                    // }

                    .edit_name {
                        cursor: pointer;
                        font-weight: bold;
                    }

                    .edit_name:hover {
                        opacity: .8;
                    }

                    .left_duty_week {
                        width: 34px;
                        height: 21px;
                        margin-left: 3px;
                        font-size: 14px;
                        color: #0099ff;
                        background-color: rgba($color: #0099ff, $alpha: .1);
                        border-radius: 3px;
                        padding: 0 3px;
                    }

                    .left_duty_day {
                        color: #ff6600;
                        background-color: rgba($color: #ff6600, $alpha: .1);
                    }
                }


                .top_right {
                    display: flex;

                    .top_right_btn {
                        margin-left: 10px;
                    }

                    .icon_remind,
                    .icon_remind_set,
                    .icon_record_set {
                        width: 13px;
                        height: 13px;
                        background-color: #0099ff;
                        mask-image: url(../images/提醒.svg);
                    }

                    .icon_remind_set {
                        mask-image: url(../images/提醒设置.svg);
                        background-color: #ffffff;
                    }

                    .icon_record_set {
                        mask-image: url(../images/记录表.svg);
                        background-color: #ffffff;
                    }
                }
            }

            // 记录表管理 适配
            .record_table_top {
                border-bottom: none;
            }

            .bottom_right_bottom {
                height: 100%;
                margin: 20px;
                margin-top: 16px;
                margin-bottom: 51px;
                display: flex;
                flex-direction: column;
                // justify-content: space-between;
                // align-items: flex-start;

                .green_line {
                    width: 4px;
                    height: 13px;
                    background-image: linear-gradient(0deg,
                            #32b332 0%,
                            #3bcd3b 100%);
                    border-radius: 2px;
                    margin-right: 5px;
                }

                .table_top {
                    display: flex;
                    justify-content: space-between;

                    .table_top_left {
                        color: #333333;
                        display: flex;
                        align-items: center;

                        .edit_icon {
                            width: 14px;
                            height: 14px;
                            background-color: #0099ff;
                            margin-left: 3px;
                            mask-image: url(../images/编辑.svg);
                            mask-size: contain;
                            cursor: pointer;
                        }

                        .edit_icon:hover {
                            opacity: .8;
                        }
                    }

                    .table_top_right {
                        display: flex;
                        align-items: center;

                        .set_content {
                            margin-right: 10px;
                        }

                        .right_btn {
                            margin-left: 10px;
                        }

                        .lg_button_container .lg_button_container_size-big {
                            padding: 0 10px;
                        }
                    }
                }

                .table_middle {
                    margin-top: 10px;
                    margin-bottom: 30px;
                    align-self: flex-start; // 让第二个子元素自身沿着交叉轴（垂直方向）的起始位置对齐
                    width: 100%;
                }

                .table_bottom {
                    display: flex;
                    flex-direction: column;
                    width: 100%;
                    position: sticky;
                    top: 100%;

                    .table_bottom_top {
                        color: #333333;
                        display: flex;
                        align-items: center;
                        margin-bottom: 10px;
                    }

                    .table_bottom_bottom {
                        width: 100%;

                        .textarea-warp {
                            min-width: 100%;
                            height: 120px;

                            .lg-textarea-number-words-warp {
                                min-width: 100%;
                            }

                            .lg-textarea-warp .lg-textarea-inner {
                                width: 100%;
                                background: transparent;
                            }
                        }
                    }
                }
            }

            .record_table_bottom {
                margin: 0 20px;
                justify-content: normal;

                .table_middle {
                    margin-top: 12px;
                }

                .table_bottom_btn {
                    display: flex;
                    flex-direction: row;
                    justify-content: center;
                    margin-top: 30px;
                    margin-bottom: 30px;
                    position: inherit;

                    .import_btn {
                        margin-right: 10px;
                    }
                }
            }
        }

        .bottom_right_empty {
            align-items: center;
            justify-content: center;
        }

        .record_query_right {
            padding: 0 20px;

            .record_query_btn {
                display: flex;
                justify-content: center;
                margin-top: 32px;

                .storage_btn {
                    margin: 0 10px;
                }
            }

            .no_record_table {
                width: 100%;
                height: 100%;
                display: flex;
                align-items: center;
                justify-content: center;
            }
        }
    }

    .record_query {
        height: calc(100% - 54px);
    }

    .statistics_top {
        height: 54px;
        width: 100%;
        background-color: #ffffff;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 20px;

        .statistics_top_left {
            .statistics_select {
                margin-right: 5px;
            }
        }
    }

    .statistics_bottom {
        padding: 16px 16px 25px;
        display: flex;
        width: 100%;
        height: calc(100% - 54px);

        .lg-blockCard-description {
            margin-top: 8px;
        }

        .lg-blockCard-upper {
            // display: none;
        }

        .lg-blockCard-root {
            height: 100%;
            margin: 0;
        }

        .lg-blockCard-content {
            height: 100%;
        }

        .statistics_bottom_left {
            width: 66%;
            height: 100%;
            margin-right: 16px;
        }

        .statistics_bottom_right {
            width: 34%;
            height: 100%;

            .statistics_charts {
                .lg-blockCard-content {
                    margin: 0;
                }
            }
        }
    }
}

.add_week_div {
    width: 100%;

    .week_info_div {

        // display: flex;
        .week_select {

            .lg-select-frame,
            .lg-select-menu-root .lg-select-menu-menu {
                width: 120px;
            }
        }

        .week_select1 {
            .lg-select-menu-root .lg-select-menu-menu-scroll {
                height: 115px !important;
            }
        }
    }

    .date_range {
        margin: 16px 0;
    }

    .date_range_check {
        display: flex;

        .check_item {
            margin-right: 8px;
        }
    }

    .duty_week_person {
        margin: 16px 0;
        display: flex;

        .week_person_div {
            width: 513px;
            background-color: #f7f7f7;
            display: flex;
            flex-direction: column;
            padding: 10px 12px;

            .selected-one {
                float: left;
                min-width: 90px;
                max-width: 400px;
                height: 30px;
                line-height: 28px !important;
                margin-right: 10px !important;
                margin-bottom: 5px !important;
                border-radius: 3px;
                padding: 0 26px 0 8px;
                border: dashed 1px #dddddd !important;
                position: relative;
                color: #333333;
                text-overflow: ellipsis;
                overflow: hidden;
                white-space: nowrap;

                .delete-logo {
                    position: absolute;
                    top: 50%;
                    transform: translateY(-50%);
                    right: 8px;
                    width: 12px;
                    height: 12px;
                    background-image: url(../images/搜索关闭.png);
                    background-size: 100% 100%;
                    background-repeat: no-repeat;
                    cursor: pointer;

                    &:hover {
                        opacity: 0.8;
                    }
                }
            }

            .selected-one-tip {
                color: #999999;
                opacity: .6;
            }

            .week_person_btn {
                margin-top: 27px;
                order: 1;
                margin-left: auto;
                // margin-right: 40px;

                .duty_person {
                    color: #999999;
                    margin-right: 12px;

                    .duty_num {
                        color: #333333;
                    }
                }

                .duty_open_select {
                    // margin: 0 5px 0 2px;
                }
            }

            // border-radius: 8px;
        }
    }

    .week_info {
        width: 60px;
    }

    .add_week_span {
        margin-right: 8px;
        width: 60px;
        display: inline-block;
        text-align: end;
    }

    .arrangement_mode {
        display: flex;
        align-items: center;
        margin-top: 12px;
        white-space: nowrap;

        .content_item_div {
            display: flex;
            flex-wrap: wrap;
        }

        .content_add_div {
            display: flex;
            align-items: baseline;
            font-size: 14px;

            .is_ok {
                color: #009900;
                cursor: pointer;
                margin: 0 8px;
            }

            .is_false {
                color: red;
                cursor: pointer;
            }

            .is_ok:hover,
            .is_false:hover {
                opacity: .8;
            }

            .content_input {
                margin-bottom: 5px;

                .lg-input-warp {
                    width: 120px;
                }
            }
        }

        .add_content {
            width: 120px;
            height: 30px;
            border: 1px dashed #c5c5c5;
            color: #999999;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            opacity: .8;
        }

        .add_content:hover {
            opacity: 1;
        }

        .content_item {
            min-width: 120px;
            width: fit-content;
            height: 30px;
            border: 1px solid #c5c5c5;
            color: #333333;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-right: 8px;
            margin-bottom: 5px;
            padding: 0 3px;
            position: relative;

            .content_item_del {
                width: 14px;
                height: 14px;
                border-radius: 50%;
                background-color: red;
                position: absolute;
                top: -6px;
                right: -5px;
                display: none;
                cursor: pointer;
            }

            .content_item_del::after {
                content: '';
                display: block;
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                width: 10px;
                /* 调整横杠的宽度 */
                height: 2px;
                /* 调整横杠的高度 */
                background-color: white;
                /* 横杠的颜色 */
                border-radius: 1px;
                /* 可以设置一点圆角 */
            }
        }

        .content_item:hover {
            .content_item_del {
                display: block;
            }
        }

        .g006-form-2-item {
            margin: 0 24px;
        }
    }

    .arrangement_mode_div {
        align-items: baseline;
    }

    .user_content_select {
        display: flex;
        align-items: center;
        margin-top: 10px;
    }

}

.btn_div {
    width: 100%;
    background-color: #fff;
    height: 52px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: calc(100% - 51px);
    z-index: 1;

    .save_btn {
        margin: 0 12px;
    }

    .lg_button_container .lg_button_container_size-big {
        height: 28px;
    }
}

.weekly_record_table {
    width: 100%;

    .weekly_table_top {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 12px;

        .weekly_table_span {
            color: #999999;
        }

        .weekly_table_tip {
            color: #ff6600;
            font-size: 12px;
        }
    }

    .weekly_table_bottom {
        margin-top: 12px;

        .tips_span {
            color: #999999;
        }

        .tips_record {
            color: #ff6600;
            font-size: 12px;
        }
    }
}

.weekly_reminder_settings {
    width: 100%;

    .weekly_reminder_top {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        height: 54px;
        background-color: #f7f7f7;
        padding: 10px 104px 10px 16px;

        .weekly_reminder_span {
            color: #999999;
            font-size: 12px;
            line-height: 18px;
        }

        .view_examples {
            margin-left: 10px;
        }

        .weekly_table_tip {
            color: #ff6600;
            font-size: 12px;
        }
    }

    .weekly_reminder_bottom {
        padding: 12px 20px;

        .reminder_bottom_top {
            display: flex;
            justify-content: space-between;
        }

        .reminder_bottom_bottom {
            margin-top: 12px;
        }
    }

}

.create_weekly_schedule {
    display: flex;
    width: 100%;

    .create_weekly_left {
        width: 160px;
        height: 100%;
        background-color: #f7f7f7;
        padding: 16px;
        display: flex;
        flex-direction: column;

        .weekly_left_top {
            color: #999999;
        }

        .weekly_left_middle {
            margin: 20px 0;
        }

        .weekly_left_middle,
        .weekly_left_bottom {
            display: flex;
            flex-direction: column;
            margin-bottom: 20px;

            .minimal_template,
            .standard_template {
                width: 116px;
                height: 72px;
                // background-color: red;
                box-sizing: border-box;
                /* 包含边框在内 */
                position: relative;
                cursor: pointer;
                border: solid 3px transparent;
            }

            .minimal_template {
                background-image: url(../images/minimal.png);
                background-size: cover;
                background-repeat: no-repeat;
            }

            .standard_template {
                background-image: url(../images/standard.png);
                background-size: cover;
                background-repeat: no-repeat;
            }

            .template_span {
                display: flex;
                align-items: center;
                justify-content: center;
                width: 116px;
            }

            .minimal_template.active,
            .standard_template.active {
                border: solid 3px #0099ff;
            }

            .minimal_template.active::after,
            .standard_template.active::after {
                content: '';
                position: absolute;
                top: 50%;
                /* 垂直居中 */
                transform: translateY(-50%);
                /* 负值为自身高度的一半，实现垂直居中 */
                left: 100%;
                /* 将伪元素定位到父元素的右边 */
                margin-left: 8px;
                /* 距离父元素右侧8px */
                width: 0;
                height: 0;
                border-top: 8px solid transparent;
                /* 左上到右下的直角边 */
                border-bottom: 8px solid transparent;
                /* 右上到左下的直角边 */
                border-left: 12px solid #0099ff;
                /* 三角形的底边和颜色 */
            }

        }


    }

    .create_weekly_right {
        height: 100%;
        padding: 20px;
        flex: 1;

        .weekly_right_dep{
            display: flex;
            align-items: center;
            margin-bottom: 12px;
            .weekly_department{
                color: #999;
                font-size: 14px;
                margin-right: 8px;
            }
            .weekly_department_select{
                .department_select{
                    .lg-select-frame,
                    .lg-select-menu-root .lg-select-menu-menu{
                        width: 180px;
                    }
                }
            }

            .weekly_department_tips{
                margin-left: 8px;
                font-size: 12px;
                color: #ccc;
            }
        }

        .weekly_right_top {
            width: 100%;
            height: 78px;
            background-color: #ffffff;
            border: solid 1px #d9d9d9;
            margin-bottom: 12px;
            padding: 14px 0 16px 16px;

            .template_name {
                line-height: 14px;
                letter-spacing: 0px;
                color: #333333;
                font-size: 16px;
                height: 21px;
                font-family: Microsoft YaHei;
                margin-bottom: 10px;
                font-weight: bold;
            }

            .template_name_bottom {
                display: flex;
                align-items: center;
                font-size: 14px;
                font-weight: normal;
                font-stretch: normal;
                line-height: 14px;
                letter-spacing: 0px;
                color: #333333;
                height: 19px;

                .set_grouper {
                    margin-left: 3px;
                }

                .template_tip {
                    margin-left: 40px;
                    position: relative;
                }

                .template_tip_num1 {
                    margin-left: 10px;
                }

                .template_tip_1,
                .template_tip_2,
                .template_tip_3 {
                    margin-left: 30px;
                }

                .template_tip::before {
                    content: '';
                    position: absolute;
                    width: 6px;
                    height: 6px;
                    background-color: #cccccc;
                    border-radius: 50%;
                    left: -9px;
                    top: 4px;
                }
            }
        }

        .weekly_right_bottom {
            width: 100%;
            height: 524px;
            background-color: #ffffff;
            border: solid 1px #d9d9d9;

            .lg-table.lg-table-bordered .lg-table-tbody {
                border-left: none;
            }

            td.lg-table-cell:last-child {
                border-right: none !important;
            }

            .preview_div {
                width: 66px;
                height: 25px;
                background-color: #f5f5f5;
                font-size: 14px;
                color: #999999;
                line-height: 14px;
                display: flex;
                align-items: center;
                justify-content: center;
            }

            .preview_table_name {
                font-family: Microsoft YaHei;
                font-size: 16px;
                font-weight: normal;
                font-stretch: normal;
                line-height: 14px;
                letter-spacing: 0px;
                color: #333333;
                width: 100%;
                display: flex;
                align-items: center;
                justify-content: center;
                margin-bottom: 12px;
            }

            .tip_div {
                font-size: 14px;
                line-height: 22px;
                letter-spacing: 0px;
                color: #333333;
                margin: 16px 0 0 16px;
            }
        }
    }
}

.a_key_schedule {
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: column;

    .a_key_top {
        width: 100%;
        height: 62px;
        background-color: #f5f5f5;
        padding: 16px 44px;

        .a_key_progress {
            width: 762px;
            height: 30px;
            // background-color: #ffffff;
            color: #999;
            display: flex;
            justify-content: space-around;
            align-items: center;

            .progress_1,
            .progress_2,
            .progress_3 {
                width: 100%;
                height: 100%;
                display: flex;
                align-items: center;
                justify-content: center;
                background-color: #fff;
            }

            .progress_1 {
                clip-path: polygon(0 0, 94% 0, 100% 50%, 94% 100%, 0 100%, 0 0);
            }

            .progress_2 {
                clip-path: polygon(0 0, 94% 0, 100% 50%, 94% 100%, 0 100%, 6% 50%, 0 0);
            }

            .progress_3 {
                clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 6% 50%, 0 0);
            }

            .progress_2,
            .progress_3 {
                margin-left: -10px;
            }

            .progress_active {
                background-color: #0099ff;
                color: #ffffff;
            }

            .progress_finish {
                background-color: #d9f0d9;
                color: #009900;
            }
        }
    }

    .a_key_bottom {
        display: flex;
        flex-direction: column;
        padding: 12px 20px;
        color: #999999;

        .a_key_bottom_top {
            width: 100%;
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 12px;

            .result_statistics_div {
                height: 66px;
                margin: 10px 0 32px 0;
                display: flex;
                justify-content: space-between;

                .result_statistics_0 {
                    padding: 10px 0 12px 12px;
                    font-size: 12px;

                    .num_div {
                        line-height: 28px;
                    }

                    .num_span {
                        font-size: 24px;
                    }
                }

                .result_statistics_1 {
                    width: 118px;
                    height: 66px;
                    background-color: rgba($color: #173fc1, $alpha: 0.08);
                    border-radius: 5px;
                    color: rgba($color: #173fc1, $alpha: 0.9);
                }

                .result_statistics_2 {
                    width: 118px;
                    height: 66px;
                    background-color: rgba($color: #ff6600, $alpha: 0.08);
                    border-radius: 5px;
                    color: rgba($color: #ff6600, $alpha: 0.9);
                }

                .result_statistics_3 {
                    width: 118px;
                    height: 66px;
                    background-color: rgba($color: #069e06, $alpha: 0.08);
                    border-radius: 5px;
                    color: rgba($color: #069e06, $alpha: 0.9);
                }

                .result_statistics_4 {
                    width: 118px;
                    height: 66px;
                    background-color: rgba($color: #ff2300, $alpha: 0.08);
                    border-radius: 5px;
                    color: rgba($color: #ff2300, $alpha: 0.9);
                }

                .result_statistics_5 {
                    width: 118px;
                    height: 66px;
                    background-color: rgba($color: #0e72b5, $alpha: 0.08);
                    border-radius: 5px;
                    color: rgba($color: #0e72b5, $alpha: 0.9);
                }

                .result_statistics_6 {
                    width: 120px;
                    height: 66px;
                    background-color: rgba($color: #11a870, $alpha: 0.08);
                    border-radius: 5px;
                    color: rgba($color: #11a870, $alpha: 0.9);
                }
            }
        }

        .result_statistics {
            flex-direction: column;
            align-items: stretch;
            margin-bottom: 0;

            .result_statistics_top {
                display: flex;
                align-items: center;
                justify-content: space-between;
            }
        }

        .a_key_step2 {
            flex-direction: column;
            margin-bottom: 32px;

            .set_week_person {
                width: 100%;
                color: #333;
                font-weight: bold;
            }

            .set_person {
                display: flex;
                margin-top: 12px;
                width: 100%;

                .add_week_span {
                    margin-top: 12px;
                }

                .week_person_div {
                    flex: 1;
                    background-color: #f7f7f7;
                    display: flex;
                    flex-direction: column;
                    padding: 10px 12px;
                    margin-left: 8px;

                    .selected-one {
                        float: left;
                        min-width: 90px;
                        max-width: 400px;
                        height: 30px;
                        line-height: 28px !important;
                        margin-right: 10px !important;
                        margin-bottom: 5px !important;
                        border-radius: 3px;
                        padding: 0 26px 0 8px;
                        border: dashed 1px #dddddd !important;
                        position: relative;
                        color: #333333;
                        text-overflow: ellipsis;
                        overflow: hidden;
                        white-space: nowrap;

                        .delete-logo {
                            position: absolute;
                            top: 50%;
                            transform: translateY(-50%);
                            right: 8px;
                            width: 12px;
                            height: 12px;
                            background-image: url(../images/搜索关闭.png);
                            background-size: 100% 100%;
                            background-repeat: no-repeat;
                            cursor: pointer;

                            &:hover {
                                opacity: 0.8;
                            }
                        }
                    }

                    .selected-one-tip {
                        color: #999999;
                        opacity: .6;
                    }

                    .week_person_btn {
                        margin-top: 27px;
                        order: 1;
                        margin-left: auto;
                        // margin-right: 40px;

                        .duty_person {
                            color: #999999;
                            margin-right: 12px;

                            .duty_num {
                                color: #333333;
                            }
                        }

                        .duty_open_select {
                            // margin: 0 5px 0 2px;
                        }
                    }

                    // border-radius: 8px;
                }
            }
        }

        .a_key_bottom_bottom {
            .base_rule {
                margin-top: 14px;
            }

            .set_person_num {
                margin: 8px 0 13px 70px;
                display: flex;
                align-items: center;
                color: #333333;

                .select_num {
                    margin: 0 6px;

                    .lancoo-input-number-root .lancoo-input-number-input-wrap {
                        width: 90px;
                    }

                    .lg-select-frame,
                    .lg-select-menu-root .lg-select-menu-menu {
                        width: 90px;
                    }
                }
            }

            .arrangement_mode {
                display: flex;
                align-items: center;
                margin-top: 12px;
                white-space: nowrap;

                .content_item_div {
                    display: flex;
                    flex-wrap: wrap;
                }

                .content_add_div {
                    display: flex;
                    align-items: baseline;
                    font-size: 14px;

                    .is_ok {
                        color: #009900;
                        cursor: pointer;
                        margin: 0 8px;
                    }

                    .is_false {
                        color: red;
                        cursor: pointer;
                    }

                    .is_ok:hover,
                    .is_false:hover {
                        opacity: .8;
                    }

                    .content_input {
                        margin-bottom: 5px;

                        .lg-input-warp {
                            width: 120px;
                        }
                    }
                }

                .add_content {
                    width: 120px;
                    height: 30px;
                    border: 1px dashed #c5c5c5;
                    color: #999999;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    cursor: pointer;
                    opacity: .8;
                }

                .add_content:hover {
                    opacity: 1;
                }

                .content_item {
                    min-width: 120px;
                    width: fit-content;
                    height: 30px;
                    border: 1px solid #c5c5c5;
                    color: #333333;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    margin-right: 8px;
                    margin-bottom: 5px;
                    padding: 0 3px;
                    position: relative;

                    .content_item_del {
                        width: 14px;
                        height: 14px;
                        border-radius: 50%;
                        background-color: red;
                        position: absolute;
                        top: -6px;
                        right: -5px;
                        display: none;
                        cursor: pointer;
                    }

                    .content_item_del::after {
                        content: '';
                        display: block;
                        position: absolute;
                        top: 50%;
                        left: 50%;
                        transform: translate(-50%, -50%);
                        width: 10px;
                        /* 调整横杠的宽度 */
                        height: 2px;
                        /* 调整横杠的高度 */
                        background-color: white;
                        /* 横杠的颜色 */
                        border-radius: 1px;
                        /* 可以设置一点圆角 */
                    }
                }

                .content_item:hover {
                    .content_item_del {
                        display: block;
                    }
                }

                .g006-form-2-item {
                    margin: 0 24px;
                }
            }

            .arrangement_mode_div {
                align-items: baseline;
            }

            .user_content_select {
                display: flex;
                align-items: center;
                margin-top: 10px;
            }
        }

    }

    .a_key_bottom2,
    .a_key_bottom_3 {
        padding: 20px 30px;
    }

    .a_key_btn {
        height: 54px;
        width: 850px;
        background-color: #ffffff;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: calc(100% - 52px);
        z-index: 1;
        border-top: 1px solid #e6e6e6;

        .cancel_btn {
            margin-right: 10px;
        }
    }
}

.record_table {
    .record_table_tip {
        margin: 16px 0 10px;
    }

    .record_table_input {

        .record_table_name {
            .lg-input-warp {
                width: 320px;
            }
        }
    }
}

.set_content_div {
    display: flex;
    flex-direction: column;
    // margin-top: 12px;
    white-space: nowrap;
    align-items: baseline;
    width: 100%;

    .set_content_top{
        width: 100%;
        display: flex;
        justify-content: space-between;
        margin-bottom: 12px;

        .workload_select{
            .lg-select-frame,
            .lg-select-menu-root .lg-select-menu-menu{
                width: 100px;
            }
        }
    }

    .content_item_div {
        display: flex;
        flex-wrap: wrap;
    }

    .content_add_div {
        display: flex;
        align-items: baseline;
        font-size: 14px;

        .is_ok {
            color: #009900;
            cursor: pointer;
            margin: 0 8px;
        }

        .is_false {
            color: red;
            cursor: pointer;
        }

        .is_ok:hover,
        .is_false:hover {
            opacity: .8;
        }

        .content_input {
            margin-bottom: 5px;

            .lg-input-warp {
                width: 120px;
            }
        }
    }

    .add_content {
        width: 120px;
        height: 30px;
        border: 1px dashed #c5c5c5;
        color: #999999;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        opacity: .8;
    }

    .add_content:hover {
        opacity: 1;
    }

    .content_item {
        min-width: 120px;
        width: fit-content;
        height: 30px;
        border: 1px solid #c5c5c5;
        color: #333333;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 8px;
        margin-bottom: 5px;
        padding: 0 3px;
        position: relative;

        .content_item_del {
            width: 14px;
            height: 14px;
            border-radius: 50%;
            background-color: red;
            position: absolute;
            top: -6px;
            right: -5px;
            display: none;
            cursor: pointer;
        }

        .content_item_del::after {
            content: '';
            display: block;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 10px;
            /* 调整横杠的宽度 */
            height: 2px;
            /* 调整横杠的高度 */
            background-color: white;
            /* 横杠的颜色 */
            border-radius: 1px;
            /* 可以设置一点圆角 */
        }
    }

    .content_item:hover {
        .content_item_del {
            display: block;
        }
    }

    .g006-form-2-item {
        margin: 0 24px;
    }
}

.lg-drawer-root .drawer_content .lg-drawer-content {
    padding: 24px 30px;
}

.week_set_pop .drawer_content .lg-drawer-content {
    padding: 12px 30px;
}

.content_set_pop .drawer_content .lg-drawer-content {
    padding: 20px !important;
}

.reminder_set_pop .drawer_content .lg-drawer-content {
    padding: 0 !important;
}


.teacher_terminal {
    width: 100%;
    height: 100%;
    padding: 16px 0;

    .teacher_terminal_top {
        width: 1200px;
        height: 328px;
        margin: 0 auto;
        margin-bottom: 16px;

        .lg-blockCard-content {
            margin: 4px 20px;
            max-width: 1140px;
        }

        .lg-blockCard-upper {
            display: none;
        }

        .terminal_top_div {
            display: flex;

            .time_select {
                width: 310px;
                height: 238px;
                // margin-top: 18px;

                .tips {
                    display: flex;
                    justify-content: center;
                    color: #999999;
                    position: relative;
                    top: -8px;
                    font-size: 12px;

                    .finish_record {
                        margin: 0 29px;
                    }

                    .my_week::before,
                    .finish_record::before,
                    .no_finish_record::before {
                        content: '';
                        width: 6px;
                        height: 6px;
                        background-color: #0290fd;
                        display: block;
                        position: absolute;
                        border-radius: 50%;
                        top: 6px;
                        left: 25px;
                    }

                    .finish_record::before {
                        background-color: #3dbe3d;
                        left: 119px;
                    }

                    .no_finish_record::before {
                        left: 208px;
                        background-color: #cccccc;
                    }
                }
            }

            .height_line {
                width: 1px;
                height: 200px;
                background-color: #d9d9d9;
                margin: 52px 30px 64px 48px;
            }

            .teacher_week_info {
                display: flex;
                flex-direction: column;
                width: 100%;
                height: 100%;

                .teacher_week_top {
                    width: 100%;
                    display: flex;
                    justify-content: flex-end;
                    color: #999999;
                }

                .teacher_week_bottom {
                    color: #333;
                    white-space: break-spaces;
                    margin-top: 31px;
                    padding-right: 35px;

                    .week_time {
                        display: flex;
                        justify-content: space-between;
                        margin-bottom: 16px;

                        .week_time_span {
                            font-size: 16px;
                            display: flex;
                            align-items: center;
                        }

                        .week_span {
                            width: 34px;
                            height: 21px;
                            margin-left: 5px;
                            font-size: 14px;
                            color: #0099ff;
                            background-color: rgba($color: #0099ff, $alpha: .1);
                            border-radius: 3px;
                            padding: 0 3px;
                        }
                    }

                    .teacher_span {
                        color: #999;
                        margin-right: 5px;
                        white-space: nowrap;
                    }

                    .week_content {
                        margin: 8px 0;
                    }

                    .week_require {
                        display: flex;
                    }
                }

                .no_data {
                    display: flex;
                    justify-content: center;
                    width: 100%;
                    height: 300px;
                }
            }

        }
    }

    .teacher_terminal_bottom {
        width: 1200px;
        height: calc(100% - 344px);
        margin: 0 auto;
        padding: 24px 30px;

        .lg-blockCard-upper {
            display: none;
        }

        .lg-blockCard-content {
            height: 100%;
            margin: 0;
        }

        .teacher_terminal_div {
            height: 100%;
            display: flex;

            .teacher_list_menu {
                height: 100%;
                width: 160px;
                background-color: #f7f7f7;
                border-radius: 5px;
                // padding: 20px 16px;

                .teacher_list {
                    padding: 20px 16px;
                }

                .preview_weekly_list {

                    .week_template,
                    .day_template {
                        width: 116px;
                        height: 72px;
                        // background-color: red;
                        box-sizing: border-box;
                        /* 包含边框在内 */
                        position: relative;
                        cursor: pointer;
                        border: solid 3px transparent;
                    }

                    .week_template {
                        background-image: url(../images/minimal.png);
                        background-size: cover;
                        background-repeat: no-repeat;
                    }

                    .day_template {
                        background-image: url(../images/standard.png);
                        background-size: cover;
                        background-repeat: no-repeat;
                    }

                    .template_span {
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        width: 116px;
                        font-size: 12px;
                        margin-bottom: 20px;

                        .text_content {
                            white-space: nowrap;
                            /* 防止文本换行 */
                            overflow: hidden;
                            /* 隐藏超出部分 */
                            text-overflow: ellipsis;
                            /* 显示省略号 */
                            width: 100%;
                            /* 或者设置固定宽度 */
                            text-align: center;
                        }
                    }

                    .week_template.active,
                    .day_template.active {
                        border: solid 3px #0099ff;
                    }

                    .week_template.active::after,
                    .day_template.active::after {
                        content: '';
                        position: absolute;
                        top: 50%;
                        /* 垂直居中 */
                        transform: translateY(-50%);
                        /* 负值为自身高度的一半，实现垂直居中 */
                        left: 100%;
                        /* 将伪元素定位到父元素的右边 */
                        margin-left: 8px;
                        /* 距离父元素右侧8px */
                        width: 0;
                        height: 0;
                        border-top: 5px solid transparent;
                        /* 左上到右下的直角边 */
                        border-bottom: 5px solid transparent;
                        /* 右上到左下的直角边 */
                        border-left: 8px solid #0099ff;
                        /* 三角形的底边和颜色 */
                    }
                }
            }

            .no_teacher_list {
                display: flex;
                align-items: center;
                justify-content: center;
            }

            .teacher_list_table {
                flex: 1;
                margin-left: 30px;
                display: flex;
                flex-direction: column;
                width: 950px;

                .lg-table-row:last-child>td {
                    border-bottom: none !important;
                }

                .table_name {
                    font-family: Microsoft YaHei;
                    font-size: 18px;
                    font-weight: bold;
                    font-stretch: normal;
                    line-height: 48px;
                    letter-spacing: 0px;
                    color: #333333;
                    text-align: center;
                }

                .teacher_remark {
                    width: 100%;
                    height: 120px;
                    border: solid 1px #f0f0f0;
                    padding: 12px 28px 12px 12px;
                    color: #333333;
                    white-space: break-spaces;
                }
            }

            .no_teacher_list_table {
                flex: 1;
                display: flex;
                align-items: center;
                justify-content: center;
            }
        }
    }

}

.is-loading {
    width: 100%;
    height: 80%;
    justify-content: center;
}

.reminder_time_div {
    color: #999;

    .reminder_time_middle {
        margin: 16px 0 19px 0;
    }

    .reminder_time_span {
        width: 87px;
        display: inline-block;
        text-align: end;
        white-space: nowrap;
        margin-right: 8px;
    }

    .reminder_time_top,
    .reminder_time_middle {}

    .reminder_time_bottom {
        display: flex;

        .time_ranges_div {
            display: flex;
            flex-wrap: wrap;

            .check_item_top {
                margin-right: 24px;
                margin-bottom: 9px;
            }

            .check_item_bottom {
                margin-right: 24px;
                margin-bottom: 0;
            }
        }

    }
}

.add_content_div{
    display: flex;
    flex-direction: column;

    .content_div{
        display: flex;
        align-items: center;

        .addContentPop_title{
            margin-right: 8px;
            position: relative;
            color: #999999;

            .tip_xing{
                color: red;
                position: absolute;
                left: -8px;
            }
        }
    }

    .content_require{
         display: flex;
        //  align-items: center;
         margin-top: 16px;

         .require_title{
            margin-right: 8px;
            white-space: nowrap;
            margin-top: 5px;
            color: #999999;
         }

         .require_div{
            width: 409px;
            .textarea_require{
                    min-width: 100%;
                    height: 184px;

                    .lg-textarea-number-words-warp {
                        min-width: 100%;
                    }

                    .lg-textarea-warp .lg-textarea-inner {
                        width: 100%;
                        background: transparent;
                    }
            }
         }
    }
}


.exported_div {
    .lg-radio-root:not(:last-child) {
        margin-right: 24px;
    }

    .g006-form-1-item:nth-child(4) {
        width: 100%;
        margin-top: 18px;
    }

    .group_select {
        margin-top: 12px;
    }

    .custom_time {
        position: relative;
        top: -21px;
        left: 64px;

        .el-date-editor.el-input {
            width: 240px;
        }
    }


}

.teacher_record {
    display: flex;

    .record_query_btn {
        display: flex;
        justify-content: center;
        margin-top: 32px;

        .storage_btn {
            margin: 0 10px;
        }
    }

    .record_table_name {
        position: relative;

        .submit_btn {
            position: absolute;
            right: 16px;
        }
    }
}

.remind_div {
    .week_person_div {
        width: 513px;
        background-color: #f7f7f7;
        display: flex;
        flex-direction: column;
        margin-top: 12px;
        padding: 10px 12px;

        .selected-one {
            float: left;
            min-width: 90px;
            max-width: 400px;
            height: 30px;
            line-height: 28px !important;
            margin-right: 10px !important;
            margin-bottom: 5px !important;
            border-radius: 3px;
            padding: 0 26px 0 8px;
            border: dashed 1px #dddddd !important;
            position: relative;
            color: #333333;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;

            .delete-logo {
                position: absolute;
                top: 50%;
                transform: translateY(-50%);
                right: 8px;
                width: 12px;
                height: 12px;
                background-image: url(../images/搜索关闭.png);
                background-size: 100% 100%;
                background-repeat: no-repeat;
                cursor: pointer;

                &:hover {
                    opacity: 0.8;
                }
            }
        }

        .selected-one-tip {
            color: #999999;
            opacity: .6;
        }

        .week_person_btn {
            margin-top: 27px;
            order: 1;
            margin-left: auto;
            // margin-right: 40px;

            .duty_person {
                color: #999999;
                margin-right: 12px;

                .duty_num {
                    color: #333333;
                }
            }

            .duty_open_select {
                // margin: 0 5px 0 2px;
            }
        }

        // border-radius: 8px;
    }
}

.file-icon {
    width: 16px;
    height: 16px;
    background-color: #0290fd;
}

.file-icon-1 {
    background-color: #083E79;
}

.file-icon-2 {
    background-color: #0290fd;
}

.file-icon-3 {
    background-color: #003CB2;
}

.file-icon-4 {
    background-color: #036638;
}

.file-icon-5 {
    background-color: #4C40AB;
}

.file-icon-6 {
    background-color: #950809;
}

.file-icon-dark {
    background-color: #ffffff;
}

.lg-sideBar-SubItemA-selected {
    .file-icon {
        background-color: #ffffff !important;
    }
}

.file-icon-one {
    mask-image: url(../images/值周值日管理.svg);
}

.file-icon-two {
    mask-image: url(../images/记录表管理.svg);
}

.file-icon-three {
    mask-image: url(../images/记录查询.svg);
}

.file-icon-four {
    mask-image: url(../images/数据统计.svg);
}